<div class="widget transparent nopadding no-margin">
    <div class="widget-header">
        <span class="widget-caption">筛选</span>
        <div class="widget-buttons">
            <a href="#" data-toggle="collapse">
                <i class="fa fa-minus blue "></i>
            </a>
        </div>
    </div>
    <div class="widget-body nopadding-bottom">
		<form class="form" id="${searchFormId}"  role="form" action="${actionUrl}">
			<input type="hidden" name="containerId" value="${containerId}">
			<input type="hidden" name="searchFormId" value="${searchFormId}">
			<div class="row">
				<div class="col-sm-6">
					<div class="form-group">
						<label class="sr-only" for="userName">用户名</label> 
						<input type="text" class="form-control" name="userName" placeholder="用户名" value="${search_map.userName[0]}">
					</div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
						<label class="sr-only" for="realName">真实姓名</label> 
						<input type="text" class="form-control" name="realName" placeholder="真实姓名" value="${search_map.realName[0]}">
					</div>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-6">
					<div class="form-group">
						<label class="sr-only" for="email">邮箱</label>
						<input type="text" 	class="form-control" name="email" placeholder="邮箱" value="${search_map.email[0]}">
					</div>
				</div>
				<div class="col-sm-6">
					<div class="form-group">
						<label class="sr-only" for="phoneNumber">手机号</label>
						<input type="text" class="form-control" name="phoneNumber" placeholder="手机号" value="${search_map.phoneNumber[0]}">
					</div>
				</div>
			</div>
			<button type="button" class="btn btn-info shiny search" onclick="loadUserList('${containerId}','${searchFormId}')">
				<i class="fa fa-search"></i>搜索
			</button>
		</form>
    </div>
</div>
<div class="topPagingBar">${pagingBar}</div>
<!-- 数据表列信息列表 -->
<div class="table-scrollable">
	<table class="table table-bordered dataTable">
		<thead>
		<tr>
			<th title="属性名">序号</th>
			<th title="用户名">用户名</th>
			<th title="真实名称">真实名称</th>
			<th title="邮箱">邮箱</th>
			<th title="手机号">手机号</th>
			<th title="操作">操作</th>
		</tr>
		</thead>
		<tbody>
		<#if page_bean.list?size==0>
		<tr>
			<td align="center" colspan="7">无数据</td>
		</tr>
		</#if> <#list page_bean.list as data>
		<tr>
			<td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>
			<td columnName="userName">${(data.userName???string(data.userName?html,""))!'未设置'}</td>
			<td columnName="realName">${(data.realName???string(data.realName?html,""))!'未设置'}</td>
			<td columnName="email">${(data.email???string(data.email?html,""))!'未设置'}</td>
			<td columnName="phoneNumber">${(data.phoneNumber???string(data.phoneNumber?html,""))!'未设置'}</td>
			<td>
				<a class="btn btn-default btn-xs icon-only  blue" title="设置" href="javascript:" onclick="setPermission('${data.id}','userListId','${data.userName???string(data.userName?html,"")}',this)" targetCallbackClickTagId="hpl_search" deleteUrl="${deleteUrl}" targetDataId="${data.id}"><i class="fa fa-cog"></i></a>
			</td>
		</tr>
	</#list>
	</tbody>
	</table>
</div>
${pagingBar}
